<template>
    <div id="ImageCapture">
        <a-layout>
            
            <left-menu ref="leftMenu"></left-menu>
            <a-layout>
                <a-layout-header style="clear:both;">
                    <div class="leftOperation">
                        <a-dropdown>
                            <a href="">
                                <a-icon class="leftOperation_camera color" type="camera" theme="filled"></a-icon>
                                拍摄扫描
                                </a>
                            <a-menu slot="overlay">
                            <a-menu-item>高拍仪</a-menu-item>
                            <a-menu-item>扫描仪</a-menu-item>
                            </a-menu>
                        </a-dropdown>
                        <a-dropdown style="margin:0 50px;">
                            <a href="">
                                <a-icon type="folder-open" theme="filled" style="color:#FAAD14;"></a-icon>
                                导入
                                </a>
                            <a-menu slot="overlay">
                            <a-menu-item>本地导入</a-menu-item>
                            <a-menu-item>预扫描导入</a-menu-item>
                            </a-menu>
                        </a-dropdown>
                        <a-dropdown>
                            <a href="javascript:;" @click="submitAddImg">
                                <a-icon type="tool" theme="filled" style="color:#52C41A;"></a-icon>
                                提交
                                </a>
                        </a-dropdown>
                    </div>
                    <div class="rightOperation">
                        <a-dropdown>
                            <a href="javascript:;" @click="changeTheme('0,0,0');">
                                <a-icon type="skin"></a-icon>
                            </a>
                            <!-- <a-menu slot="overlay">
                            <a-menu-item>高拍仪</a-menu-item>
                            <a-menu-item>扫描仪</a-menu-item>
                            </a-menu> -->
                        </a-dropdown>
                        <a-icon type="line"></a-icon>
                        <a-icon type="border"></a-icon>
                        <a-icon type="close"></a-icon>
                    </div>
                </a-layout-header>
                <image-list ref="imageList" v-show="showList"></image-list>
                <!-- <img-detail ref="imgDetail" v-show="showDetail"></img-detail> -->
            </a-layout>
        </a-layout>
        <results-model ref="resultsModel"></results-model>
        <submit-loading ref="submitLoading"></submit-loading>
    </div>
</template>
<script>
    import resultsModel from "./component/resultsModel"
    import submitLoading from "./component/submitLoading"
    import leftMenu from "./leftMenu/leftMenu"
    import imageList from "./imageList/imageList"
    import {updateTheme} from "@/tools/setting"
    //import imgDetail from "./imageList/imgDetail"
    export default {
        name:'ImageCapture',
        components:{
            resultsModel,
            submitLoading,
            leftMenu,
            imageList,
            //imgDetail
        },
        data(){
            return {
                themeColor:"",
                showList:true,
                showDetail:false
            }
        },
        methods:{
            changeTheme(primaryColor){
                updateTheme(primaryColor);
            },
            submitAddImg(){
                this.$refs.submitLoading.showModal();
            }
        }
    }
</script>
<style lang="less">
#ImageCapture{
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1);
}
.ant-layout,#ImageCapture{
    height:100%;
} 
.ant-layout-header{
    background: #fff;
    height:60px;
    line-height:60px;
    padding:0 16px;
}
   .leftOperation_camera{
       color:rgba(@primary-color,1);
   } 
   .ant-tooltip-arrow::before,.ant-tooltip-inner{
       background: rgba(0,0,0,0.6);
   }
</style>